<template>
  <div>
    <h2>动态路由 需要 以 _动态路由参数名.vue命名</h2>
    <p>newId :{{ $route.params.id }}</p>
    <ul>
      <li>
        <nuxt-link :to="{name:'index'}">HOME</nuxt-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  // 参数效验
  validate({ params }) {
    //   正则匹配 为纯数字， 如果true 则匹配正确的id ，如果false 则 跳转到 nuxt提供的404界面
    return /^\d+$/.test(params.id);
  },
  data() {
    return {
      title: this.$route.params.title
    };
  },
  //   个性meta标签设置  head() 方法 return  head中的 meta信息，title 信息等
  head() {
    return {
      title: this.title,
      meta: [
        { hid: "description", name: "news2", content: "This is news pages" }
      ]
    };
  }
};
</script>